<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body>
	<form action="" id="form1">
	<table width="690px" height="350px" border="0" align="center"
				cellpadding="3" cellspacing="1" bgcolor="#AEDEF4">
				<tr>
					<td align="center" bgcolor="#E2F7FE">
							<table width="99%" border="0" cellspacing="1" cellpadding="3">
								<tr style="height: 30px">
									<td width="20%" align="center"><strong>矫正单位:</strong></td>
									<td width="20%" align="left">
										<select name="jid" style="width: 172px; height: 30px" id="jid"></select>
									</td>
								
								</tr>	
								<tr style="height: 30px">
									
									<td width="20%" align="center"><strong>姓&nbsp;&nbsp;&nbsp;&nbsp;名:</strong></td>
									<td width="20%" align="left">
										<select name="pid" style="width: 172px; height: 30px" id="pid"></select>
									</td>	
								</tr>
								<tr style="height: 30px">
									
									<td width="15%" align="center"><strong>思想汇报日期:</strong></td>
									<td colspan="3" width="25%" align="left"><input id="date" name="bdate" placeholder="请选择日期" style="width: 150px; height: 30px"
										class="laydate-icon" onclick="laydate()"/></td>
									<tr>																
								<tr style="height: 30px">
								<td width="20%" align="center"><strong>分数:</strong></td>
								<td colspan="3 width=" 10%" align="left"><select
									name="scores" style="width: 170px; height: 30px" >
										<option value="0.5">0.5</option>
										<option value="1.0">1.0</option>
										<option value="1.5">1.5</option>
										<option value="2.0">2.0</option>
										<option value="2.5">2.5</option>
										<option value="3.0">3.0</option>
								</select></td>
									<tr>
		                       </tr>	
								<tr>
									<td width="20%" align="center"><strong>分值:</strong></td>
									<td colspan="3" align="left"><textarea rows="1" cols="25" id="score_value" name="scoreValue">10</textarea>
									</td>
								</tr>
								<tr>
									<td width="20%" align="center"><strong>汇报方式：</strong></td>
								     <td colspan="3" align="left"><textarea rows="1" cols="25" id="way" name="way">书面报到</textarea>								
									</td>		
									
								</tr>
								<tr>
									<td width="20%" align="center"><strong>汇报表现：</strong></td>
								     <td colspan="3" align="left"><textarea rows="1" cols="25" id="way" name="manifestation">一般</textarea>								
									</td>		
									
								</tr>
								
								<tr style="height: 20px">
									<td width="20%" align="center"><strong>备&nbsp;&nbsp;&nbsp;&nbsp;注:</strong></td>
									<td colspan="3"><textarea rows="3" cols="70" id="remarks" name="remark">无</textarea></td>
								</tr>
							</table>
					</td>
				</tr>
	</table>
	</form>
		<script type="text/javascript">

            //显示司法所，监管等级和矫正人员下拉框
            var getList = function() {
                $('#jid').combobox({
                    dataType : "json",
                    url:'${request.contextPath}/grade/jselect',
                    valueField:'id',
                    textField:'name',
                    //当司法所发生变化时，相应的矫正人员也随之发生变化
                    onSelect:function (rec) {
                        $("#pid").combobox('clear');
                        $("#pid").combobox('reload','${request.contextPath}/grade/pselect?jid='+rec.id);
                    },
                    //当数据加载成功后，给司法所下拉框赋予初始值
                    onLoadSuccess : function() {
                        $("#jid").combobox("setValue", "请选择矫正单位");
                    }
                });
                //当数据加载成功后，给矫正人员下拉框赋予初始值
                $('#pid').combobox({
                    dataType : "json",
                    url:'${request.contextPath}/grade/pselect',
                    valueField:'id',
                    textField:'name',
                    onLoadSuccess : function() {
                        $("#pid").combobox("setValue", "请选择矫正人");
                    }
                });
            };
            //刚开始显示所有的司法所和所有矫正人员
            getList();
			</script>
</body>
</html>